<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../library/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./style/index.css">
    <title>十八度灰</title>
</head>
<body>
<article id="neutrey">
    <aside id="favor" class="opened">
        <ul>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
        </ul>
    </aside>
    <article id="main" class="opened">
        <header id="description">
            <section class="left_part">
                <figure id="logo"></figure>
                <div id="menu">
                    <div id="home"  class="category_title">
                        <span>总揽</span>
                    </div>
                    <div id="category">
                            <div class="category_title">
                                <span>产品</span>
                                <span class="icon">&#x2228;</span>
                            </div>
                            <section id="sub_menu">
                                <dl class="product_list">
                                    <dt class="product_title">
                                        <em>云计算与网络</em>
                                    </dt>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                </dl>
                                <dl class="product_list">
                                    <dt class="product_title">
                                        <em>云计算与网络</em>
                                    </dt>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                </dl>
                                <dl class="product_list">
                                    <dt class="product_title">
                                        <em>云计算与网络</em>
                                    </dt>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                </dl>
                                <dl class="product_list">
                                    <dt class="product_title">
                                        <em>云计算与网络</em>
                                    </dt>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a class="product_link_item" href="#">
                                            <i class="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                </dl>
                            </section>
                        </div>
                </div>
            </section>
            <section class="right_part">
                <span>个人</span>
                <span>修改密码</span>
                <span>退出</span>
            </section>
        </header>
        <section id="content">
            <div id="collapse" class="opened">
                <<
            </div>
            <article class="container-fluid">
                <div class="table-responsive table-bordered table-hover">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Table heading</th>
                            <th>Table heading</th>
                            <th>Table heading</th>
                            <th>Table heading</th>
                            <th>Table heading</th>
                            <th>Table heading</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                            <td>Table cell</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </article>
        </section>
        <footer id="copyRight">
            Copyright © 2017 - 2018 neutrey.com. All Rights Reserved.
        </footer>
    </article>
</article>
<script src="../library/jquery-3.1.1.min.js"></script>
<script src="../library/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../scripts/index.js"></script>
</body>
</html>